@import '~view-design/src/styles/index.less';

@menu-dark-title: #253d59;
@menu-dark-active-bg: #3acdc7;
@layout-sider-background: #253d59;
@primary-color          : #3acdc7;
@link-color             : #3acdc7;
@font-size-base         : 1rem;
@font-size-small        : 1rem;
@font-size-large        : @font-size-base + 0.16666666666666652rem;
@table-td-hover-bg      : #f5fafa;
@title-color            : #17233d;
@text-color             : #323232;
@border-color-split     : #f0f0f0;  // inside
@border-color-base      : #dcdee2;  // outside
@btn-disable-color      : #909090;
.tags-nav{
  .scroll-outer{
    box-shadow: none;
  }
}
.ivu-tag .ivu-icon-ios-close{
  transform: scale(1.4) rotate(0deg);
}
.left-sider{
  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu),
  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu){
    color: #fff;
  }
}
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened{
  background-color: @menu-dark-title;
}
.ivu-menu-vertical .ivu-menu-item, .ivu-menu-vertical .ivu-menu-submenu-title{
  padding: 11px 18px;
}
.ivu-menu-vertical .ivu-menu-submenu-title-icon{
  right: 10px;
}
.ivu-menu-vertical{
  &>.ivu-menu-submenu{
    &>.ivu-menu{
      &>.ivu-menu-item{
        padding-left: 30px !important;
      }
    }
  }
}
.full-page{
  height: 100%;
}
.ivu-layout{
  background-color: #f0f0f0;
}
.list-page-querys{
  padding: 14px 40px;
  padding-bottom: 0;
  border-bottom: 1px solid @border-color-split;
  .ivu-form-item{
    display: inline-flex;
    margin-right: 40px;
    margin-bottom: 15px;
    .ivu-form-item-label{
      padding-right: 0;
      margin-right: -10px;
      z-index: 1;
    }
    .ivu-select{
      // min-width: 186px;
      .ivu-select-selection{
        border-color: #fff;
      }
    }
    .ivu-select-visible .ivu-select-selection{
      box-shadow: none;
    }
    .ivu-input{
      border-color: transparent;
      box-shadow: none;
    }
  }
}
.list-page-header{
  padding:10px 20px;
}
.list-page-table{
  .ivu-table-header,.ivu-table-fixed-header{
    th{
      background-color: #f8f7fd;
      padding: 14px 0;
      border-bottom: transparent;
    }
  }
  .ivu-table-body{
    overflow-x: hidden;
    color: #646464;
    &.ivu-table-overflowX{
      overflow-x: scroll;
    }
  }
  .ivu-table:before{
    background-color: transparent;
  }
  .current-table-info-row{
    td{
      transition: 0.5s all;
      background-color: #ebf0f0;
    }
  }
}
.list-page-bar{
  padding: 20px;
  text-align: right;
}
.btn-text{
  color: @primary-color;
  cursor: pointer;
  &:hover{
    text-decoration: underline;
  }
}
.detail-page-header{
  text-align: center;
  border-bottom: @border-color-split 1px solid;
  h1{
    margin: 0;
    padding:15px 20px;
    font-size: 16px;
  }
}
.detail-page-content{
  height: calc( ~"100% - 120px");
  min-height: 200px;
  overflow-y: auto;
  .detail-page-form{
    padding: 20px 10px;
    // max-width: 1100px;
    margin: 0 auto;
  }
}
.detail-page-wrapper{
  .item{
    border-bottom: 1px solid @border-color-split;
    padding:20px 100px;
  }
  .detail-page-form-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .detail-page-form-item{
      width: 50%;
      padding-right: 60px;
      max-width: 560px;
      &:nth-child(2n){
        padding-left: 60px;
        padding-right: 0px;
      }
      .ivu-form-item-label{
        padding-right: 2px;
      }
    }
  }
}
.detail-page-footer{
  border-top: @border-color-split 1px solid;
  text-align: center;
  padding:15px 20px;
  .ivu-btn-default{
    color: #909090;
    &:hover{
      span{
        color: #3acdc7;
      }
    }
  }
}
.modal-page-form-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  .modal-page-form-item {
    width: 50%;
    //padding-right: 60px;

    &:nth-child(2n) {
      //padding-left: 60px;
      padding-right: 0px;
    }

    .ivu-form-item-label {
      padding-right: 2px;
    }
  }
}

a:hover{
  text-decoration: underline;
}
.ivu-btn-text{
  :hover{
    text-decoration: underline;
  }
}
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-child-item-active > .ivu-menu-submenu-title{
  color: @primary-color;
}
::-webkit-scrollbar {/*滚动条整体样式*/
  width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 10px;
  background: #dfdfdf;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
  border-radius: 10px;
  background: #EDEDED;
}
.form-table{
  width: 100%;
  border-collapse: 0;
  border-spacing: 0;
  border: 1px solid #f0f0f0;
  tr{
    th,td{
      border-bottom:1px solid #f0f0f0;
      border-right:1px solid #f0f0f0;
      text-align: center;
    }
    th{
      padding: 15px;
      background-color: #f8f7fd;
    }
    td{
      padding: 15px;
      .ivu-input{
        border: none;
        text-align: center;
        box-shadow: none;
      }
      .ivu-select-selection{
        border: none;
        box-shadow: none;
      }
    }
    th:last-child,
    td:last-child{
      border-right:1px solid transparent;
    }
    &:last-child{
      td{
        border-bottom:1px solid transparent;
      }
    }
  }
}
.addBtn{
  margin-left:10px;
  color: @primary-color;
  cursor: pointer
}
.editBtn{
  margin-left:10px;
  color: cornflowerblue;
  cursor: pointer
}
.removeBtn{
  margin-left:10px;
  color: red;
  cursor: pointer
}
.funcBtn{
  margin-left:10px;
  color: #5a949b;
  cursor: pointer
}
@media screen and (min-width: 1367px){
  html,body{
    font-size: 14px;
  }
  .p-list-page{
    .collapse-item{
      max-width: unset !important;
    }
    .detail-page-wrapper{
      .item{
        padding: 20px 150px;

      }
    }
  }
}
@media screen and (max-width: 1366px){
  html,body{
    font-size: 12px;
  }
}
